@charset "UTF-8";
@import "base";

html{
  font-size:100px;
}
.lay_out{
  min-width:320px;
  margin:0 auto;
}

//头部
.header{
  height:1.1rem;
  background: @mainColor;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  display:flex;
  .back{
    flex:2;
    margin:.35rem 0 .35rem 0;
    a{
      display:block;
      height:.40rem;
      width:.40rem;
      background: url(../publics/image/return_40.png) no-repeat;
      background-size: 100%;
    }
  }
  .title{
    flex:4;
    height:1.1rem;
    line-height: 1.1rem;
    margin:0 auto;
    text-align: center;
    color:#fff;
    font-size:.40rem;
  }
  .other{
    flex:2;
    margin:.35rem 0 .35rem 0;
    a{
      color:#fff;
      font-size:.32rem;
    }
  }
}

/*内容部分*/
.content{
  margin-top:1.3rem;
  padding-bottom:2rem;
  .tasks_list{
    margin-bottom:.2rem;
    ul{
      display:flex;
      height:.6rem;
      border:.01rem solid #ccc;
      border-radius: .1rem;
      li{
        flex:1;
        text-align: center;
        height:.58rem;
        line-height:.58rem;
      }

      .active{
        background: @mainColor;
        color:#fff;
      }
    }
  }
  .tasks_content{
    .tab{
      ul{
        li{
          height:1.05rem;
          line-height:1.05rem;
          border-bottom:.01rem solid #ccc;
        }
      }
    }
  }
}

/*底部*/
footer{
  width:100%;
  height: 1rem;
  background: @mainColor;
  margin-top: .15rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 222;
  .foot_ul{
    width:100%;
    display:flex;
    li{
      height: 1rem;
      float: left;
      border-right: 1px solid #fff;
      font-size: .1rem;
      text-align: center;
      overflow: hidden;
      flex:1;
      a{
        color: #fff;
        display: block;
        height: 100%;
        img{
          width: .5rem;
          height: .5rem;
          display: block;
          margin: 0 auto;
          margin-top: .08rem;
        }
        span{
          display: block;
          margin-top: .05rem;
        }
      }
    }
    .footer_active{
      background: rgba(0,0,0,.3);
    }
  }
}